:root {
  --bd-post-item: #d1d5da;
  /* 主页每篇随笔的边框 */
  --bd-catalog: #d1d5da;
  /* 随笔目录border */
  --bd-post-info: #d1d5da;
  /* 随笔信息border */
  --bd-post-signature: #d1d5da;
  /* 随笔签名border */
  --bd-footer: #d1d5da;
  /* footer分割线 */

  --bg-body: #fff;
  /* body背景色 */
  --bg-main: #fff;
  /* main背景色 */
  --bg-main-content: #fff;
  /* main-content背景色 */
  --bg-sidebar: #fff;
  /* 侧边栏背景色 */
  --bg-navigator: #fff;
  /* 导航栏背景色 */
  --bg-catalog: #fff;
  /* 随笔目录背景色 */
  --bg-coment: #fff;
  /* 评论框背景色 */
  --bg-post-signature-title: #f6f8fa;
  /* 随笔签名标题背景色 */
  --bg-post-blockquote: #f8f8f8;
  /* md引用块背景色 */
  --bg-btn-comment-submit: #808080;
  /* 评论提交按钮背景色 */
  --bg-catList-title: #000;
  /* 侧边栏主标题背景色 */
  --bg-post-body: #000;
  /* 随笔内容背景色 */
  --bg-scrollbar: #000;
  /* 滚动条背景色 */
  --bg-select-text: #ffb3cc;
  /* 鼠标选中背景色 */

  --color-catList-title: #fff;
  /* 侧边栏主标题文字颜色 */
  --color-btn-comment-submit: #fff;
  /* 评论提交按钮文字色 */
  --color-select-text: #fff;
  /* 鼠标选中文字色 */
  --color-catalog: #666;
  /* 随笔目录文字颜色 */
  --color-footer: #666;
  /* footer文字颜色 */
  --color-body: #555;
  /* body文字颜色 */
  --color-sideBar-list: #555;
  /* 侧边栏列表文字颜色 */
  --color-post-blockquote: #333;
  /* md引用块文字颜色 */
  --color-navList: #000;
  /* 导航栏文字颜色 */
  --color-post-title: #000;
  /* 随笔标题颜色 */
  --color-active: #0366d6;
  /* 激活的文字 */
  --color-readmore: #0366d6;
  /* 阅读全文文字颜色 */

  --ff-body: Source Code Pro;
  /* 全局字体 */
  --ff-color: Source Code Pro, Menlo, Monaco, Consolas, "Courier New", monospace;
  /* 代码字体 */
}

.icon {
  width: 1.4em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  color: inherit;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

* {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

a,
a:hover,
a:link,
a:visited {
  text-decoration: none;
}

ol,
ul {
  list-style: none;
}

::selection {
  background: var(--bg-select-text);
  color: var(--color-select-text);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px var(--bg-scrollbar);
  box-shadow: inset 0 0 5px var(--bg-scrollbar);
  background: var(--bg-scrollbar);
}

::-webkit-scrollbar-track {
  background: 0 0;
  border-radius: 2px;
}

#catalog::-webkit-scrollbar {
  display: none;
}

body {
  position: relative;
  font-size: 14px;
  background: var(--bg-body);
  color: var(--color-body);
  line-height: 1;
  font-family: var(--ff-body);
}

.topicListFooter {
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
}

#divRefreshComments {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 9pt;
}

#cnblogs_post_body table[style] {
  width: auto !important;
  text-align: left;
}

#cnblogs_post_body h2 {
  line-height: 3em;
}

#cnblogs_post_body h3 {
  line-height: 2.5em;
}

#cnblogs_post_body img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

#home {
  display: block;
  margin: 0 auto;
  width: 980px;
}

#header {
  margin-top: 2em;
  animation: fadeInDown 1s ease-in 0s;
}

#blogTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

#blogTitle h1 {
  font-weight: normal;
}

#blogTitle h2 {
  font-size: 14px;
  text-indent: 0.5em;
  font-weight: normal;
}

#blogLogo {
  float: right;
}

#navigator {
  background-color: var(--bg-navigator);
  height: 60px;
  clear: both;
  position: relative;
}

#navList {
  margin-top: 18px;
  min-height: 30px;
  float: left;
  color: var(--color-navList);
}

#navList li {
  float: left;
}

#navList li:not(:last-child) {
  border-right: 1px dotted var(--color-navList);
}

#navList a {
  padding: 0 15px;
  display: block;
}

#navList .aHeaderXML {
  display: none;
}

.blogStats {
  display: none;
  float: right;
  margin-top: 20px;
  margin-right: 2px;
  text-align: right;
}

.themeSelect {
  position: absolute;
  right: 20px;
  top: 20px;
}

.themeSelect .box-color {
  display: inline;
  margin-left: 10px;
}

#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  clear: both;
  background: var(--bg-main);
}

#mainContent .forFlow {
  float: none;
  width: auto;
}

#mainContent {
  min-height: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  width: 1000px;
  background: var(--bg-main-content);
}

.postTitle {
  margin: 1em 2em 20px 0;
  padding: 5px;
  min-height: 10px;
}

/* .day {
    margin: 1em 2em 20px 0;
    padding: 5px;
    min-height: 10px;
  } */

.dayTitle {
  display: none;
}

.postCon {
  position: relative;
  float: right;
  line-height: 1.5em;
  width: 93%;
  clear: both;
  padding: 2em 2em 3em;
  -webkit-box-shadow: 0 5px 10px var(--bd-post-item);
  box-shadow: 0 5px 10px var(--bd-post-item);
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  border: 1px solid var(--bd-post-item);
  border-radius: 8px;
}

.postCon:hover {
  -webkit-box-shadow: 0 10px 20px 0 var(--bd-post-item);
  box-shadow: 0 10px 20px 0 var(--bd-post-item);
}

.postDesc {
  float: none;
  clear: both;
  text-align: right;
  padding-right: 5px;
}

/* .postSeparator {
    clear: both;
    height: 1px;
    clear: both;
    float: right;
    margin: 0 auto 5em auto
  } */

.topicListFooter {
  margin-top: 5em;
}

#sideBar {
  display: none;
  width: 20%;
  min-height: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  padding-bottom: 20px;
  padding-right: 32px;
  background: var(--bg-sidebar);
}

.newsItem .catListTitle {
  text-align: left;
  padding: 0 5px;
}

.newsItem {
  padding: 0 0 5px 0;
  margin-bottom: 2em;
}

#blog-news {
  color: var(--color-sideBar-list);
}

.catListTitle {
  font-weight: 700;
  line-height: 1.5em;
  font-size: 110%;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
}

.catListComment {
  line-height: 1.5em;
}

.divRecentComment {
  text-indent: 2em;
  color: #666;
}

#sideBarMain ul {
  line-height: 1.5em;
}

.catListArticleArchive,
.catListComment,
.catListEssay,
.catListFeedback,
.catListImageCategory,
.catListLink,
.catListNoteBook,
.catListPostArchive,
.catListPostCategory,
.catListTag,
.catListView,
.mySearch {
  margin-bottom: 2em;
}

#blog-sidecolumn .catListTitle,
.catListArticleArchive h3,
.catListComment h3,
.catListEssay h3,
.catListFeedback h3,
.catListImageCategory h3,
.catListLink h3,
.catListNoteBook h3,
.catListPostArchive h3,
.catListPostCategory h3,
.catListTag h3,
.catListView h3,
.mySearch h3 {
  text-align: left;
  padding: 0 5px;
}

.catListArticleArchive ul li,
.catListComment ul li,
.catListEssay ul li,
.catListFeedback ul li,
.catListImageCategory ul li,
.catListLink ul li,
.catListNoteBook ul li,
.catListPostArchive ul li,
.catListPostCategory ul li,
.catListTag ul li,
.catListView ul li,
.mySearch ul li {
  padding: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-sideBar-list);
}

.catListArticleArchive ul li:hover,
.catListComment ul li:hover,
.catListEssay ul li:hover,
.catListFeedback ul li:hover,
.catListImageCategory ul li:hover,
.catListLink ul li:hover,
.catListNoteBook ul li:hover,
.catListPostArchive ul li:hover,
.catListPostCategory ul li:hover,
.catListTag ul li:hover,
.catListView ul li:hover,
.mySearch ul li:hover {
  color: var(--color-active);
  background-color: #eaecef;
  border-radius: 3px;
}

#blog-sidecolumn .catList ul,
#blog-sidecolumn .catListArticleCategory ul,
#blog-sidecolumn .catListBlogRank ul {
  margin-left: 15px;
}

.divRecentCommentAticle {
  margin-top: 1.5em;
}

.divRecentComment {
  margin-top: 0.5em;
}

#topics {
  min-height: 200px;
  padding: 1em;
}

#topics .postTitle {
  display: none;
  font-size: 230%;
  font-weight: 700;
  line-height: 1.5em;
  padding-left: 5px;
}

.postBody {
  line-height: 1.8;
  color: var(--bg-post-body);
  border-bottom: 1px solid var(--bg-post-body);
}

#EntryTag {
  margin-top: 20px;
  font-size: 9pt;
}

#EntryTag a {
  margin-left: 5px;
}

#topics .postDesc {
  float: none;
  text-align: right;
  padding-right: 5px;
  color: var(--post-desc);
  margin-top: 5px;
}

.feedback_area_title {
  font-weight: 700;
  border-bottom: 1px solid #333;
  font-size: 1.2em;
  margin: 0;
  padding: 0 0 5px 8px;
}

.louzhu {
  padding-right: 16px;
}

.feedbackListSubtitle {
  color: #666;
}

.feedbackManage {
  width: 200px;
  text-align: right;
  float: right;
  margin-right: 10px;
}

.feedbackCon {
  border-bottom: 1px solid #ccc;
  padding: 15px 0 10px 40px;
  min-height: 35px;
  _height: 35px;
  margin-bottom: 1em;
  line-height: 1.5em;
  margin-right: 10px;
}

#divRefreshComments {
  text-align: right;
  margin-bottom: 10px;
}

.commenttb {
  width: 320px;
}

.PostListTitle,
.entrylistTitle,
.thumbTitle {
  font-size: 110%;
  font-weight: 700;
  text-align: right;
  padding: 1em;
  font-size: 1.3em;
  border-bottom: 1px solid #e0e0e0;
}

.entrylistDescription {
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.entrylistItem {
  min-height: 20px;
  margin-bottom: 30px;
  padding-bottom: 5px;
}

.entrylistPosttitle {
  font-size: 110%;
  font-weight: 700;
  border-bottom: 1px dashed #e0e0e0;
  padding: 0 0 10px 20px;
  line-height: 1.5em;
  padding-left: 5px;
}

.entrylistPosttitle a {
  margin-left: 10px;
}

.entrylistPostSummary {
  margin-top: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}

.entrylistItemPostDesc {
  text-align: right;
  color: var(--post-desc);
}

.entrylist .postSeparator {
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  height: 0;
  border: none;
}

.pager {
  text-align: right;
  margin-right: 10px;
}

.PostList {
  border-bottom: 1px solid #e0e0e0;
  clear: both;
  min-height: 1.5em;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
  margin-top: 1em;
}

.postTitl2 {
  float: left;
}

.postDesc2 {
  color: var(--post-desc);
  float: right;
}

.postText2 {
  clear: both;
  color: var(--post-desc);
}

.pfl_feedback_area_title {
  text-align: right;
  line-height: 1.5em;
  font-weight: 700;
  border-bottom: 1px solid #666;
  margin-bottom: 10px;
}

.pfl_feedbackItem {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

.pfl_feedbacksubtitle {
  border-bottom: 1px dotted #666;
  height: 1.5em;
}

.pfl_feedbackname {
  float: left;
}

.pfl_feedbackManage {
  float: right;
}

.pfl_feedbackCon {
  color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
}

.pfl_feedbackAnswer {
  color: #f40;
  text-indent: 2em;
}

.tdSentMessage {
  text-align: right;
}

.errorMessage {
  width: 300px;
  float: left;
}

.mySearch .input_my_zzk {
  height: 1.4em;
  width: 175px;
}

.feedbackItem {
  margin: 1em 0 1em 1em;
}

.commentform {
  padding: 0 1em;
}

#commentform_title {
  font-size: 16px;
}

#commentform_user {
  font-size: 1.2em;
  margin-top: 1em;
}

#commentform_user input {
  margin-left: 1em;
  padding: 0.1em;
}

.commentbox_title_left {
  font-size: 1.2em;
  margin-bottom: 0.4em;
}

#btn_comment_submit {
  padding: 0.2em;
  margin-top: 0.5em;
}

.Pager {
  margin-left: 5px;
  margin-right: 20px;
  font-weight: 700;
}

#myposts {
  margin-left: 1em;
  margin-right: 20px;
}

.entrylist {
  margin-left: 1em;
  margin-right: 20px;
}

.divPhoto {
  border: 1px solid #ccc;
  padding: 2px;
  margin-right: 10px;
}

.thumbDescription {
  color: #666;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.gallery {
  margin-left: 1em;
}

#footer {
  margin: 10px 0;
  padding: 20px 0;
  border-top: 1px solid var(--bd-footer);
  color: var(--color-footer);
  text-align: center;
}

#links > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#links > ul > li:not(:first-child) {
  margin-left: 30px;
}

#copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}

#copyright span {
  margin-top: 10px;
}

#copyright a {
  font-weight: bold;
}

.personInfo {
  margin-bottom: 20px;
  margin-top: 1em;
}

.pages {
  text-align: right;
}

#profile {
  margin-left: 1em;
}

.pfl_feedback_area_title {
  margin-bottom: 1em;
}

.pfl_answer,
.pfl_feedbackCon {
  margin: 0.5em;
}

#Profile1_panelAdd div {
  margin-top: 0.5em;
}

#Profile1_panelAdd div b {
  float: left;
  width: 8em;
}

#Profile1_panelAdd div input.submitComment {
  padding: 0.2em;
  display: block;
  margin-left: 7.5em;
  margin-top: 1em;
}

.postBody p,
.postCon p {
  text-indent: 2em;
  text-align: justify;
  margin: 0 auto 1em auto;
}

#cb_post_title_url {
  color: var(--color-post-title);
}

.postBody h1,
.postBody h2,
.postBody h3,
.postBody h4,
.postBody h5 {
  margin: 15px auto 2px auto;
  font-weight: 700;
}

.postBody h2 {
  font-size: 150%;
}

.postBody h3 {
  font-size: 120%;
}

.postBody h4 {
  font-size: 110%;
}

.postBody h5 {
  font-size: 100%;
}

.postBody ul,
.postCon ul {
  margin-left: 2em;
}

.postBody blockquote {
  padding: 5px 15px;
  min-height: 35px;
  line-height: 1.6;
  color: var(--color-post-blockquote);
}

.myposts_title {
  margin: 20px 0;
  font-weight: 700;
  text-align: center;
}

.c_b_p_desc {
  text-align: justify;
  line-height: 1.8em;
}

.c_b_p_desc_readmore {
  position: absolute;
  bottom: 8px;
  left: 28px;
  padding: 0 5px;
  font-size: 12px;
  color: var(--color-readmore);
}

.c_b_p_desc_readmore > svg {
  margin-left: 3px;
}

.c_b_p_desc_readmore:hover > svg {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}

#blog-news {
  margin-left: 5px;
}

#nav_next_page {
  margin: 0 20px 20px 0;
}

#cnblogs_post_body img {
  max-width: 660px;
}

#cnblogs_post_body table {
  max-width: 670px;
}

#blog-comments-placeholder {
  margin: 14px;
  border: 1px solid var(--bd-post-signature);
  border-radius: 3px;
}

.feedback_area_title {
  padding: 8px;
  background-color: var(--bg-post-signature-title);
  border-bottom: 1px solid var(--bd-post-signature);
  font-weight: normal;
  font-size: 14px;
}

/**************************************************
      随笔
      **************************************************/

#back2Top .icon {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 3em;
  height: 3em;
  cursor: pointer;
}

#tbCommentBody {
  background-color: var(--bg-coment);
}

#author_profile > div {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#blog_post_info {
  position: fixed;
  top: 30%;
  left: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  visibility: hidden;
}

#green_channel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  margin: 8px 0;
  width: auto;
  height: auto;
  border: none;
}

#green_channel a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  padding: 0;
  margin: 8px 0;
  border-radius: 0;
}

#green_channel svg {
  width: 2em;
  height: 1.5em;
  color: #b2bac2;
}

#green_channel svg:hover {
  color: #8a93a0;
}

.author_avatar {
  margin: 0;
  padding: 0;
}

#like-count,
#follow-count {
  position: absolute;
  padding: 0px 6px;
  top: -1px;
  right: -11px;
  background-color: #b2bac2;
  color: #fff;
  border-radius: 7px;
  font-size: 12px;
}

#green_channel a,
.author_avatar,
#div_digg,
.diggit {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

#green_channel a,
.author_avatar,
.diggit {
  -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
}

#green_channel img,
.diggit {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  opacity: 0.7;
}

#div_digg {
  display: none;
  margin: 0;
  width: auto;
}

#author_profile_detail {
  display: none;
}

#green_channel #green_channel_weibo,
#green_channel #green_channel_wechat {
  padding: 0;
  -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
}

#green_channel #green_channel_digg,
#green_channel #green_channel_follow,
#green_channel #green_channel_favorite {
  background-color: #fff;
}

#green_channel img:hover {
  -webkit-filter: none;
  filter: none;
}

#btn_comment_submit {
  float: right;
  border: none;
  background-color: var(--bg-btn-comment-submit);
  color: var(--color-btn-comment-submit);
}

#author_profile {
  color: inherit;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  width: auto;
}

.postBody {
  border: none;
}

div .commentform textarea {
  width: 100%;
  height: 100px;
  resize: none;
  border: none;
  outline: none;
}

.commentbox_title_right,
.buryit,
.postDesc,
#commentform_title,
#comment_nav,
#comment_form_container > p:first-of-type,
#comment_form_container > p:last-of-type,
#commentbox_opt > a,
#BlogPostCategory,
#EntryTag,
#post_next_prev,
#ad_t2,
#under_post_news,
#under_post_kb,
#cnblogs_c1,
#cnblogs_c2,
#comment_pager_top,
#blog-comments-placeholder br {
  display: none !important;
}

.cnblogs-markdown pre {
  position: relative;
  border: 1px solid #d1d5da;
  border-radius: 3px;
}

.copy-btns {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0 5px;
  font-size: 0.5em;
  cursor: pointer;
  -webkit-filter: invert(0.8);
  filter: invert(0.8);
}

#cnblogs_post_body table,
.cnblogs-post-body table {
  border: none;
}

#cnblogs_post_body .hljs-ln-numbers {
  border: none;
  padding: 2px 20px 2px 10px;
  text-align: right;
  color: #aeaeb0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: normal;
}

#cnblogs_post_body .hljs-ln-code {
  padding: 2px 7px;
  border: none;
}

.commentbox_main {
  border: 1px solid var(--bd-post-signature);
  border-radius: 3px;
}

.commentbox_title {
  display: block;
}

.commentbox_title_left {
  margin: 0;
  padding: 8px;
  width: 934px;
  background-color: var(--bg-post-signature-title);
  border-bottom: 1px solid var(--bd-post-signature);
  font-weight: normal;
  font-size: 14px;
}

/* loading */
:root {
  --sk-size: 60px;
  --sk-color: #ffb3cc;
}
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(https://guangzan.gitee.io/awescnb-files/images/background/cell.gif);
  z-index: 99999;
}
.sk-fold {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  transform: rotateZ(45deg);
}
.sk-fold-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}
.sk-fold-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sk-color);
  animation: sk-fold 2.4s infinite linear both;
  transform-origin: 100% 100%;
}
.sk-fold-cube:nth-child(2) {
  transform: scale(1.1) rotateZ(90deg);
}
.sk-fold-cube:nth-child(4) {
  transform: scale(1.1) rotateZ(180deg);
}
.sk-fold-cube:nth-child(3) {
  transform: scale(1.1) rotateZ(270deg);
}
.sk-fold-cube:nth-child(2):before {
  animation-delay: 0.3s;
}
.sk-fold-cube:nth-child(4):before {
  animation-delay: 0.6s;
}
.sk-fold-cube:nth-child(3):before {
  animation-delay: 0.9s;
}
@keyframes sk-fold {
  0%,
  10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  100%,
  90% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

/**************************************************
      markdown-code
      **************************************************/

#cnblogs_post_body .hljs {
  display: block !important;
  overflow-x: auto !important;
  padding: 0.5em !important;
  color: var(--hl-mono-1) !important;
  background: var(--hl-base) !important;
  font-family: var(--ff-color) !important;
}

#cnblogs_post_body .hljs-tag {
  color: var(--hl-tag);
}

#cnblogs_post_body .hljs-comment,
#cnblogs_post_body .hljs-quote {
  color: var(--hl-mono-3);
  font-style: italic;
}

#cnblogs_post_body .hljs-doctag,
#cnblogs_post_body .hljs-keyword,
#cnblogs_post_body .hljs-formula {
  color: var(--hl-hue-3);
}

#cnblogs_post_body .hljs-section,
#cnblogs_post_body .hljs-name,
#cnblogs_post_body .hljs-selector-tag,
#cnblogs_post_body .hljs-deletion,
#cnblogs_post_body .hljs-subst {
  color: var(--hl-hue-5);
}

#cnblogs_post_body .hljs-literal {
  color: var(--hl-hue-1);
}

#cnblogs_post_body .hljs-string,
#cnblogs_post_body .hljs-regexp,
#cnblogs_post_body .hljs-addition,
#cnblogs_post_body .hljs-attribute,
#cnblogs_post_body .hljs-meta-string {
  color: var(--hl-hue-4);
}

#cnblogs_post_body .hljs-built_in,
#cnblogs_post_body .hljs-class .hljs-title {
  color: var(--hl-hue-6-2);
}

#cnblogs_post_body .hljs-attr,
#cnblogs_post_body .hljs-variable,
#cnblogs_post_body .hljs-template-variable,
#cnblogs_post_body .hljs-type,
#cnblogs_post_body .hljs-selector-class,
#cnblogs_post_body .hljs-selector-attr,
#cnblogs_post_body .hljs-selector-pseudo,
#cnblogs_post_body .hljs-number {
  color: var(--hl-hue-6);
}

#cnblogs_post_body .hljs-symbol,
#cnblogs_post_body .hljs-bullet,
#cnblogs_post_body .hljs-link,
#cnblogs_post_body .hljs-meta,
#cnblogs_post_body .hljs-selector-id,
#cnblogs_post_body .hljs-title {
  color: var(--hl-hue-2);
}

#cnblogs_post_body .hljs-emphasis {
  font-style: italic;
}

#cnblogs_post_body .hljs-strong {
  font-weight: bold;
}

#cnblogs_post_body .hljs-link {
  text-decoration: underline;
}

#MySignature {
  display: block;
  border: 1px solid var(--bd-post-signature);
  border-radius: 3px;
}

#MySignature p {
  margin: 0;
  text-indent: 8px;
}

#MySignature p:first-child {
  background-color: var(--bg-post-signature-title);
  border-bottom: 1px solid var(--bd-post-signature);
}

/**************************************************
      markdown-其他
      **************************************************/

mark {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
}

#cnblogs_post_body code {
  font-family: var(--ff-color) !important;
  background-color: #f9f2f4 !important;
  color: #c7254e !important;
  font-size: 0.87em !important;
  padding: 0 4px !important;
  word-break: break-word !important;
  border-radius: 4px !important;
  overflow-x: auto !important;
  border: none !important;
}

#cnblogs_post_body blockquote {
  background: var(--bg-post-blockquote);
  border: none;
}

/* 随笔目录 */

#catalog {
  position: fixed;
  top: 50px;
  right: 0;
  padding: 5px;
  max-height: 500px;
  max-width: 220px;
  border: 1px solid var(--bd-catalog);
  background-color: var(--bg-catalog);
  z-index: 9999;
  border-radius: 5px;
  color: var(--color-catalog);
  overflow: scroll;
}

#catalog_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#catalog ul {
  margin: 0 0 0 34px;
}

#catalog li {
  white-space: nowrap;
}

#catalog_title h3 {
  margin: 0;
  color: var(--color-catalog);
  font-size: 14px;
}

#catalog_title button {
  margin: 0;
  padding: 0 8px;
  height: 16px;
  border-radius: 2px;
  background: var(--bg-catalog);
  border: 1px solid var(--bd-catalog);
}

#catalog .h1-list {
  list-style-type: none;
  font-weight: bold;
}

#catalog .h2-list {
  list-style-type: desc;
}

#catalog .h3-list {
  list-style-type: circle;
}

#catalog .h2-list {
  margin-left: 2em;
}

#catalog .h3-list {
  margin-left: 4em;
}
